<div class="panel panel-default panel-intro">
    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="fx_info" id="fx_info">
                
            </div>
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">
                    <div id="toolbar" class="toolbar commonsearch-table">
                        
                    </div>
                    <table id="table" class="table table-striped table-bordered table-hover table-nowrap"
                           data-operate-edit="{:$auth->check('deerhome/agent_user/edit')}"
                           data-operate-del="{:$auth->check('deerhome/agent_user/del')}"
                           width="100%">
                    </table>
                </div>
            </div>

        </div>
    </div>
</div>
<!--模板 开始-->
<script type="text/html" id="info_tpl">
    <% for(var i = 0; i < data.length; i++){ %>
    <div class="fx_box">
        <div class="fx_left_icon">
            <i class="iconfont <%=data[i].icon%> fa-fw"></i>
        </div>
        <div class="fx_right_num">
            <div class="fx_num"><%=data[i].num%></div>
            <div class="fx_num_desc"><%=data[i].name%></div>
        </div>
    </div>
    <% } %>
</script>
<script id="customformtpl" type="text/html">
    <form action="" class="form-commonsearch">
        <a href="javascript:;" class="btn btn-default btn-refresh pull-left" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
        <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
            <div class="col-xs-12">
                <div class="input-group">
                    <span class="input-group-addon">分销等级</span>
                    <input placeholder="请选择" data-field="name" data-source="deerhome/agent_lev/index" class="form-control selectpage" name="agent_lev_id" type="text" value="" autocomplete="off">
                    <input class="operate" type="hidden" data-name="agent_lev_id" value="="/>
                </div>
            </div>
        </div>
        <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
            <div class="col-xs-12">
                <div class="input-group">
                    <span class="input-group-addon">注册时间</span>
                    <input type="text" class="form-control datetimerange" name="regtime" value=""   placeholder="请选择"  autocomplete="off">
                    <input class="operate" type="hidden" data-name="regtime" value="RANGE"/>
                </div>
            </div>
        </div>
        <div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-3">
            <div class="col-xs-12">
                <div class="input-group">
                    <span class="input-group-addon">关键词</span>
                    <input type="text" class="form-control" name="utel" value=""   placeholder="昵称/手机"  autocomplete="off">
                    <input class="operate" type="hidden" data-name="utel" value="="/>
                </div>
            </div>
        </div>

        <button type="submit" class="btn btn-success" formnovalidate><i class="glyphicon glyphicon-search"></i> 搜 索</button>
        <button class="btn btn-default hide btn-add btn-dialog" title="添加分销员" data-url="{:url('deerhome/agent_user/add')}" id="add_can"><i class="fa fa-plus"></i> 添加</button>
    </form>
</script>
<!--模板 结束-->
<style>
    .fixed-table-toolbar{
        display: none;
    }
    .commonsearch-table {
        margin-top:15px;
    }
    .commonsearch-table .form-group .col-xs-12{
        padding-left:5px;
        padding-right:8px;
    }
    .commonsearch-table .form-group{
        margin-left:0px;
        margin-right:0px;
        padding-left: 0;
        padding-right: 0;
    }
    .fx_info{
        display: flex;
        flex-wrap: wrap;
        min-height: 110px;
    }
    .fx_box{
        background: #f8f7f7;
        border-radius: 4px;
        font-size: 14px;
        position: relative;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        flex: 1;
        min-width: 200px;
        max-width: 300px;
        height: 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 18px;
        margin:5px;
    }
    .fx_box:hover{
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    }
    .fx_left_icon{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80px;
    }
    .fx_left_icon i{
        font-size: 28px;
        display: block;
        width: 55px;
        height: 55px;
        background-color: #4d7cfe;
        border:6px solid #e4ecff;
        border-radius: 50%;
        color: #fff;
    }
    i.icon-zhanghao{
        background-color: #f7b55e;
        border:6px solid #ffe8d9;
    }
    i.icon-xiangmugaikuang_0{
        background-color: #c388f6;
        border:6px solid #f1e2ff;
    }
    i.icon-a-yingxiaobaoxiao2{
        background-color: #20deff;
        border:6px solid #c8f7ff;
    }
    i.icon-xindaieduye-xindaiedugaikuang{
        background-color: #6dd230;
        border:6px solid #eaf9e1;
    }
    .fx_right_num{
        flex: 1;
        color: #888e94;
    }
    .fx_num{
        color:#000;
        font-size: 20px;
        font-weight: 600;
    }
</style>